<script setup lang="ts">
</script>

<template>
  <div class="main-container">
    <MyGlobalComponent />
    <router-view></router-view>
  </div>
</template>

<style scoped>
.main-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
  margin: 0;
  padding: 0;
  background-color: rgb(20, 37, 74);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../src/assets/bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* 设置表格 */  
::v-deep(.el-table) {  
  --el-table-tr-bg-color:rgb(23, 41, 76); 
  color: #fff; /* 更改文本颜色，可能不需要，取决于你的具体需求 */  
  --el-table-border-color: rgb(19, 53, 103);
  /* max-height: 500px;
  overflow-y: auto; */
}  
::v-deep(.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell){
  background: rgb(23, 41, 76);
}

::v-deep(.my-custom-table){
  background-color: rgb(22, 48, 86); 
  
}
 /* 设置表头背景色 */  
::v-deep(.my-custom-table .el-table__header-wrapper th) {  
  background-color: rgb(22, 48, 86);  
  color: rgb(119, 240, 244); 
}  
  
/* 设置鼠标悬停时行的背景色 */  
::v-deep(.my-custom-table .el-table__body-wrapper tbody tr:hover > td ){  
  background-color: rgb(16, 28, 51); 
} 

::v-deep(.el-input__wrapper ){
  background-color: rgb(22, 48, 86);
}

::v-deep(.el-select__wrapper){
  background-color: rgb(22, 48, 86);
}

::v-deep(.el-dialog) {
  background-color: rgb(22, 48, 86);
}

::v-deep(.el-dialog__header){
  color: #fff;
}

::v-deep(.el-dialog__title){
  color: #fff;
}

::v-deep(.el-input__inner) {
  color: #fff;
}

</style>
